@media screen and (max-width: 768px) {
    .w1520{
        width: 100%;
    }
    .w1580{
        width: 100%;
    }
    .w1200{
        width: 100%;
    }
    .nav{
        display: none;
    }
    .mypage{
        width: 100%;
    }
    /*头部*/
    .headerhome,
    .nav1
    {
        display: block !important;
    }
    .headerhome{
        padding: 3% 0;
        text-align: left;
        position: relative;
        overflow: hidden;
        min-height: 40px;
        background: #fff;
        display: flex !important;
    }
    .headerhome .logo{
        display: block;
        width: 70%;
    }
    .headerhome .logo img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .headerhome .nav{
        display: inline-block;
        width: 50px;
        height: 45px;
        border-left: 1px #e3e3e3 solid;
        position: absolute;
        right: 0 !important;
        left: unset;
        top: 50%;
        transform: translate(0,-50%);
    }
    .nav1{
        width: 100%;
        background: #154b95;
        height: auto;
        display: table !important;
        height: 1.6rem;
        padding: 2% 0;
    }
    .nav1 ul li {
        float: left;
        width: 33%;
        font-size: 0.7rem;
        line-height: 1.4rem;
        text-align: center;
        vertical-align: middle;
        margin-top: 0.4rem;
        margin-bottom: 0.4rem;
        border-right: 1px solid #fff;
    }
    .nav1 ul li a{
        color: #fff;
        font-size: 0.1rem;
    }
    /*底部*/
    .footWrap,
    .copyright,
    .kefu
    {
        display: none;
    }
    .g-ft {
        display: block !important;
        background: #666666;
        padding-bottom: 4rem;
        margin-top: 5%;
    }
    .g-ft h3 {
        width: 100%;
        margin: 0 auto;
    }
    .g-ft h3 img {
        display: block;
        width: 100%;
    }
    .fwz {
        line-height: 2.3rem;
        color: #fff;
        font-size: 1rem;
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 5%;
    }
    .fwz a, .fwz a.nones{
        color: #fff;
    }
    .sidebar-left {
        background: #282828;
        width: 273px;
        position: fixed;
        z-index: 99999;
        top: 0;
        right: -273px;
        /*right: 0;*/
        bottom: 0;
        overflow: hidden;
        position: fixed;
    }
    .sidebar-scroll-left {
        /* padding-right: 20px; */
        right: 0px;
        /* width: 310px; */
        overflow: scroll!important;
        overflow-x: hidden!important;
        -webkit-overflow-scroll: touch!important;
        height: 100%;
        position: relative;
        padding: 0 8px;
    }
    .nav-item {
        display: block;
        position: relative;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        font-size: 14px;
        color: #fff;
        height: 50px;
        line-height: 49px;
        padding-left: 35px;
        background-position: 20px center;
        background: url(../image/li_bg.jpg) repeat-x bottom;
    }
    .sidebar-left a {
        display: block;
        position: relative;
    }
    .icon-drop {
        position: absolute;
        background-image: url(../image/godrop@2x.png);
        background-repeat: no-repeat;
        display: block;
        width: 11px;
        height: 11px;
        top: 22px;
        left: 234px;
    }
    .sidebar-scroll-left .icon-page {
        position: absolute;
        background-image: url(../image/gopage@2x.png);
        background-repeat: no-repeat;
        display: block;
        width: 11px;
        height: 11px;
        top: 22px;
        /* left: 240px; */
        left: 233px;
    }
    .submenu {
        display: none;
        padding: 12px 0;
    }
    .submenu a:first-child {
        background-image: none!important;
    }
    .submenu a {
        padding-left: 65px;
        font-size: 13px;
        text-transform: uppercase;
        line-height: 38px;
        color: #fff;
    }
    .close-bottom-left {
        display: block;
        background-image: url(../image/accessdenied.png);
        background-repeat: no-repeat;
        background-position: 5px 16px;
        background-size: 25px 25px;
        height: 50px;
    }
    #px_banner{
        min-width: 100%;
        width: 100%;
        height: 180px;
        margin-top: 0;
        padding-bottom: 0;
    }
    #px_banner img{
        min-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .px_txt .px_pp .p_p {
        font-size: 1.6rem;
        height: 2rem;
        line-height: 2rem;
        font-weight: bold;
        color: #FFF;
        position: relative;
    }
    .px_txt .px_pp span {
        display: block;
        text-transform: uppercase;
        font-size: 1.2rem;
        height: 2rem;
        line-height: 2rem;
        font-weight: normal;
        color: #FFF;
        margin-top: 4px;
    }
    .px_txt .px_pp{
        margin-left: 0;
        text-align: center !important;
        margin-top: 4rem;
    }
    .px_txt .px_pp i {
        display: inline-block;
        width: 85px;
        height: 2px;
        background: #154b95;
        margin-top: 5px;
        float: unset;
    }
    .articlect {
        line-height: 1.5;
        text-align: left;
        padding-bottom: 5%;
        font-size: 1.3rem;
        padding-left: 1.5%;
        padding-right: 1.5%;
        padding-top: 1.5%;
    }
    .contact01{
        padding-left: 24px;
        padding-right: 24px;
    }
    .px_txt .px_pp p{
        display: none;
    }
    .rcln{
        padding: 1.5%;
    }
    .rcln img{
        width: 100%;
    }
    .professional_job_decon{
        padding: 1.5%;
    }
    .qywh .title{
        display: none;
    }
    .qywh .content img{
        width: 100%;
        float: unset;
        margin-bottom: 0 !important;
    }
    .qywh .content ul{
        width: 100%;
    }
    .qywh .content ul .p1{
        padding: 1.5%;
        margin: 0 !important;
    }
    .qy_main8_1 ul li .pic{
        display: none;
    }
    .qy_main8_1 ul li .text{
        width: 100%;
        padding-left: 0;
    }
    .qy_main8_1 ul li .title{
        font-size: 18px;
    }
    .qy_main8_1 ul li .content{
        font-size: 14px;
    }
    .explain{
        padding: 1.5%;
        line-height: 30px;
        height: auto;
    }
    .explain tr td:nth-child(2){
        display: none;
    }
    .prev_next{
        padding: 1.5%;
    }
    .mxkc_js2{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .mxkc_js2 li{
        width: 48%;
        margin: 0;
        height: auto;
        padding-top: 0;
    }
    .mxkc_js2 li img{
        width: 100%;
        height: 170px;
    }
    .mxkc_js2 .tit{
        width: 100%;
    }
    .mxkc_js_t{
        width: 100%;
    }
    .mxkc_js_btn2{
        display: none;
    }
    .ad_pro{
        width: 100%;
        padding: 1.5%;
        box-sizing: border-box;
        margin-top: 0;
    }
    .preview{
        width: 100%;
        height: auto;
    }
    .bigImg{
        width: 100%;
    }
    .bigImg #midimg{
        width: 100%;
    }
    .smallImg{
        width: 100%;
        box-sizing: border-box;
    }
    #imageMenu{
        width: 90%;
        height: 100%;
    }
    #imageMenu ul{
        width: 100%;
        display: flex;
    }
    .w75.fr{
        width: 100%;
    }
    .scrollbutton.smallImgDown{
        float: right;
        margin-left: 0;
        margin-top: 10px;
    }
    .ad_pro_world{
        width: 100%;
    }
    .world_head{
        width: 100%;
    }
    .world_headss{
        width: 100%;
        padding: 0;
    }
    .pro_nav{
        width: 100%;
        box-sizing: border-box;
    }
    .pro_video_1{
        width: 100%;
        padding: 1.5%;
        box-sizing: border-box;
    }
    .w350{
        width: 100%;
    }
    .four ul li{
        background: none;
        width: 50%;
        box-sizing: border-box;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .four ul li:last-child{
        display: none;
    }
    .four ul li span{
        font-size: 16px;
    }
    .four ul li:nth-child(2n){
        border-left: 1px solid #eee;
    }
    .four ul li:nth-child(1),
    .four ul li:nth-child(2)
    {
        border-bottom: 1px solid #eee;
    }
    .title h1{
        font-size: 1.5rem;
    }
    .title p{
        font-size: 1.4rem;
        margin: 10px auto 10px;
    }
    .gsjj .content{
        width: 100%;
        padding: 1.5%;
        box-sizing: border-box;
    }
    .gscp{
        min-width: 100%;
    }
    .gscp .content ul li{
        width: 100%;
        padding-bottom: 20px;
        height: auto;
    }
    .gscp .content{
        padding: 1.5%;
    }
    .gssb{
        min-width: 100%;
    }
    .rollBox{
        width: 100%;
    }
    .rollBox .Cont{
        width: 78%;
    }
    .px_txt .px_pp .p_p{
        font-size: 1rem;
    }
    .rczlbj .content{
        margin-top: 20px;
        height: auto;
    }
    .rczlbj .content img{
        width: 100%;
    }
    .rcfzlc{
        min-width: 100%;
        padding: 5% 1.5%;
        box-sizing: border-box;
        height: auto;
    }
    .about-history{
        display: none;
    }
    .business .content ul{
        width: 100% !important;
        padding: 1.5%;
        box-sizing: border-box;
    }
    .business .content ul li{
        width: 100% !important;
        margin: 10px 0 !important;
    }
    .business .content ul li img{
        width: 165px !important;
        height: 165px;
        border-radius: 50%;
    }
    .business .content ul li div{
        height: auto;
    }
    .business .content ul li div p{
        margin-top: 20px !important;
    }
    .qywh .content{
        padding: 1.5%;
        box-sizing: border-box;
    }
    .qywh .content ul li{
        text-align: center;
    }
    .work{
        padding: 20px 0 !important;
    }
    .customeritem li{
        width: 49%;
    }
    .customeritem1 li{
        width: 49%;
        height: 130px;
    }
    .customeritem1 a{
        height: 100%;
    }
    .customeritem1 img.vm{
        height: 100%;
        object-fit: cover;
    }
    /*首页*/
    .section-slider{
        min-width: 100%;
        height: 207px;
    }
    .owl-carousel{
        height: 100%;
    }
    .owl-carousel .owl-stage-outer{
        height: 100%;
    }
    .owl-carousel .owl-stage{
        height: 100%;
    }
    .owl-carousel.owl-drag .owl-item{
        height: 100%;
    }
    .section-slider .item{
        height: 100%;
    }
    .section-slider .item .carousel-caption h1{
        font-size: 1.2rem;
        color: #154b95;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 1rem;
        line-height: 0.1rem;
        height: 0.1rem;
        text-shadow: 2px 2px 7px rgba(0,0,0,0.3);
    }
    .section-slider .item .carousel-caption .cap-des{
        display: none;
    }
    .dj-bg{
        display: none;
    }
    .section-slider .owl-nav .owl-next,
    .section-slider .owl-nav .owl-prev{
        display: none;
    }
    .search{
        display: none;
    }
    #productbg{
        display: none;
    }
    .solutions{
        display: block !important;
        min-width: 100%;
        padding-bottom: 2%;
    }
    .solutions .content ul li {
        width: 45%;
        float: left;
        margin-right: 2%;
        margin-top: 2%;
        text-align: center;
        color: #fff;
        padding: 2%;
        height: 15rem;
        background-size: cover;
        background: #154b95;
    }
    .solutions .content ul li:last-child{
        width: 100%;
    }
    .solutions .content ul li:nth-child(2n){
        margin-right: 0;
    }
    .solutions .content ul li h2{
        font-size: 1rem;
        margin-top: 0;
    }
    .solutions .content ul li p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }
    .case{
        display: block !important;
    }
    .case h3 {
        margin: 2% 2% 2%;
        border-radius: 0.7rem;
        overflow: hidden;
        background: #dcdcdc;
        font-weight: normal;
    }
    .case h3 a {
        display: inline-block;
        float: left;
        box-sizing: border-box;
        height: 4rem;
        line-height: 4rem;
        text-align: center;
        width: 50%;
        box-sizing: border-box;
        color: #333333;
        font-size: 1.4rem;
        border-bottom: 0.5px solid #fff;
        border-right: 0.5px solid #fff;
    }
    .case h3 a:last-child{
        width: 100%;
    }
    .mobCaseHide{
        display: none !important;
    }
    .News .tab1 {
        display: block;
        width: 33.3%;
        height: 3rem;
        border: 1px solid #d8d8d8;
        box-sizing: border-box;
        float: left;
        text-align: center;
        font-size: 1rem;
        color: #111;
        line-height: 3.5rem;
        margin: 0;
    }
    .News .tab1 a {
        color: #666;
        width: 100%;
        min-width: 100%;
        height: 100% !important;
        line-height: 48px;
        text-align: center;
        padding: 0;
        border: none !important;
        border-radius: unset !important;
        display: block;
        overflow: hidden;
    }
    .News{
        margin-top: 10px !important;
    }
    .News .tab_nr1 .nr2{
        margin-top: 10px;
    }
    .News .tab{
        height: 50px;
    }
    .News .tab_nr{
        padding: 1.5%;
        box-sizing: border-box;
    }
    .News .tab_nr1{
        width: 100%;
    }
    .News .tab_nr1 .nr1 ul{
        margin-right: 0;
    }
    .News .tab_nr1 .nr1 ul li:nth-child(3),
    .News .tab_nr1 .nr1 ul li:nth-child(4){
        display: none;
    }
    .News .tab_nr1 .nr1 ul li{
        width: 49%;
    }
    .News .tab_nr1 .nr1 ul li:nth-child(2){
        padding-right: 0;
    }
    .leftpart{
        width: 100%;
        height: auto;
        padding: 1.5%;
        box-sizing: border-box;
    }
    .leftpart img{
        width: 100%;
    }
    .rightpart{
        width: 100%;
        height: auto;
        padding: 1.5%;
        box-sizing: border-box;
    }
    .rightpart ul li{
        float: left;
        width: 46%;
        margin: 2%;
        height: auto;
    }
    .rightpart ul li img{
        width: 100%;
    }
    .News .tab_nr1 .nr1 ul li .item .pic{
        height: 210px !important;
    }
    .sp_page2_area{
        display: block !important;
        width: 96%;
        max-width: 600px;
        margin: 0 auto;
        padding-top: 20px;
    }
    .sp_page2 .time_point_list.active {
        padding: 0;
    }
    .sp_page2 .time_point_list:first-child::before {
        background: url(../image/sp_page2_solid2.png) top center;
    }
    .sp_page2 .time_point_list {
        position: relative;
    }
    .sp_page2 .time_point_list:before {
        position: absolute;
        top: 27px;
        left: 72px;
        width: 20px;
        height: 63px;
        content: "";
        background: url(../image/sp_page2_solid3.png) no-repeat center top;
        background-size: contain;
    }
    .sp_page2 .txt_area {
        position: relative;
        display: inline-block;
        width: calc(100% - 150px);
        margin-left: 150px;
        font-size: 14px;
        color: #fff;
        line-height: 1.8;
        text-align: center;
    }
    .sp_page2 .content_area {
        position: relative;
    }
    .sp_page2 .content_area .time_point {
        position: absolute;
        left: -136px;
        bottom: -27px;
        line-height: 35px;
        z-index: 2;
        cursor: pointer;
    }
    .sp_page2 .content_area .content {
        padding: 10px;
        margin-bottom: 15px;
        background: rgba(22, 48, 110, 0.4);
        border: 1px solid rgba(255,255,255,0.3);
    }
    .sp_page2 .time_point_list.active .content_area:after {
        position: absolute;
        bottom: -13px;
        left: -55px;
        width: 55px;
        height: 13px;
        content: "";
        background: url(../image/sp_page2_solid1.png) no-repeat center top;
        background-size: contain;
    }
    .sp_page2 .time_point_list em {
        display: inline-block;
        width: 35px;
        height: 35px;
        vertical-align: middle;
        background-size: contain;
    }
    .sp_page2 .time_point_list em.light, .sp_page2 .time_point_list.active em {
        display: none;
    }
    .sp_page2 .time_point_list.active em.light {
        display: inline-block;
    }
    .sp_page2 .time_point_list:after {
        position: absolute;
        bottom: 0;
        left: 72px;
        width: 20px;
        height: 0;
        content: "";
    }
    .sp_page2 .time_point_list:last-child:after {
        height: 115px;
        bottom: 0;
        background: url(../image/sp_page2_solid4.png) bottom center no-repeat;
    }
    .sp_page2 .time_point_list:last-child.active {
        padding-bottom: 130px;
    }
}